page {
	background-color: #F2F2F2;
	color: #333333;
}

.safe_area {
	padding-bottom: constant(safe-area-inset-bottom);
	/*兼容 IOS<11.2*/
	padding-bottom: env(safe-area-inset-bottom);
	/*兼容 IOS>11.2*/
}

/**
 * 表单样式
 */

.custom_form {
	.custom_form_body {
		margin: 24rpx;
		padding: 0 20rpx;
		background-color: #ffffff;
		border-radius: 16rpx;
		// height: 80vh;

		.custom_form_btn {
			width: 80vw;
			margin: 0 auto;
			background-color: #FF943C;
			height: 68rpx;
			line-height: 68rpx;
			color: #ffffff;
			text-align: center;
			border-radius: 16rpx;
			font-size: 32rpx;
			cursor: pointer;
			margin-top: 40rpx;
		}
	}

	.custom_form_btn {
		width: 80vw;
		margin: 0 auto;
		background-color: #FF943C;
		height: 68rpx;
		line-height: 68rpx;
		color: #ffffff;
		text-align: center;
		border-radius: 16rpx;
		font-size: 32rpx;
		cursor: pointer;
		margin-top: 40rpx;
	}
}
	
.custom_form_body_item {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid #E6E6E6;
	padding: 28rpx 20rpx;
	margin: 0;
	background-color: transparent;
	height: auto;
	line-height: auto;


	&::after {
		border: 0;
		background-color: transparent;
	}

	&:last-child {
		border-bottom: 0;
	}


	&>text {
		font-size: 32rpx;
		width: 160rpx;
		text-align: left;

		text {
			color: #FF5656;
			display: inline-block;
			margin-right: 4rpx;
			font-size: 32rpx;
			font-weight: 500;
		}
	}

	::v-deep .u-input {
		font-weight: 600 !important;
		.u-input__content__field-wrapper__field {
			font-size: 32rpx !important;
		}
	}

	.custom_form_body_item_right {
		display: flex;
		flex: 1;
		justify-content: flex-end;

		image {
			width: 68rpx;
			height: 68rpx;
			border-radius: 50%;
		}
			
		.u-icon{
			margin-left: 20rpx;
		}

		text {
			font-weight: 600;
			font-size: 32rpx;
		}

		.placeholder {
			font-size:28rpx;
			color:#666666;
		}
	}
}

// 圈子列表样式
.circle_item {
	background-color: #ffffff;
	margin-bottom: 24rpx;
	padding-top: 24rpx;
	padding-bottom: 25rpx;

	.circle_header,
	.circle_text,
	.circle_tag,
	.circle_fun {
		padding: 0 24rpx;
	}

	.circle_header {
		display: flex;
		align-items: flex-start;

		.circle_header_img {
			width: 80rpx;
			height: 80rpx;
			border-radius: 50%;
			margin-right: 22rpx;
		}

		.circle_header_right {
			// display: flex;
			// flex-direction: column;
			// justify-content: space-between;
			flex: 1;
			// height: 92rpx;

			.circle_header_right_top {
					display: flex;
					justify-content: space-between;
					align-items: center;
					font-size: 32rpx;
					height: 41rpx;
					font-weight: 500;
					color: #5a6c9a;
					margin-top: -5rpx;
					button {
						padding: 0;
						margin: 0;
						background-color: transparent;
						margin-top: 10rpx;
						width: 120rpx;
						height: 50rpx;
						line-height: 48rpx;
						text-align: center;
						font-size: 28rpx;
						border-radius: 154rpx;

						image {
							width: 36rpx;
							height: 36rpx;
						}

						&::after {
							border: 0;
						}
					
						&.followed {
							border: 2rpx solid #FF943C;
							color: #FF943C;
						}
				
						&.unFollowed {
							border: 2rpx solid #ADADAD;
							color: #ADADAD;
						}
					}
			}
		}

		.circle_header_btn {
			padding: 0;
			margin: 0;
			background-color: transparent;
			margin-top: 10rpx;
			width: 120rpx;
			height: 50rpx;
			line-height: 48rpx;
			text-align: center;
			font-size: 28rpx;
			border-radius: 154rpx;

			image {
				width: 36rpx;
				height: 36rpx;
			}

			&::after {
				border: 0;
			}
		
			&.followed {
				border: 2rpx solid #FF943C;
				color: #FF943C;
			}
	
			&.unFollowed {
				border: 2rpx solid #ADADAD;
				color: #ADADAD;
			}
		}
	}

	.circle_text {
		padding-top: 10rpx;
		font-size: 32rpx;
		line-height: 50rpx;
		padding-left: 0;
		padding-right: 0;
	}

	.circle_img {
		margin-top: 10rpx;
		margin-right: -12rpx;

		image {
			width: calc((100vw - 80rpx - 22rpx - 24rpx - 24rpx - 24rpx) / 3);
			height: calc((100vw - 80rpx - 22rpx - 24rpx - 24rpx - 24rpx) / 3);
			margin-bottom: 4rpx;
			margin-right: 12rpx;
		}
		video{
			// width: 100vw;
			margin-bottom: 12rpx;
		}
		
		.circle_video{
			position: relative;
			
			image{
				position: absolute;
				top: 50%;
			    left: 50%;
				transform: translate(-50%, -50%);
				width: 72rpx;
				height: 72rpx;
			}
		}
	}

	.circle_header_right_bottom {
		font-size: 28rpx;
		margin-top: 8rpx;

		text {
			color: #aeaeae;
			margin-right: 16rpx;
			// color: #666666;

			&:nth-child(1) {
				// color: #9AAFBC;
			}
		}
	}
	
	.circle_tag {
		// margin-top: -15rpx;
		margin-top: 10rpx;
		padding-left: 0;

		text {
			background-color: #FFDCC0;
			color: #EA791C;
			font-size: 24rpx;
			padding: 2rpx 14rpx;
			border-radius: 162rpx;
		}
	}

	.circle_fun {
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-top: 20rpx;
		padding: 0;
		// padding: 0 24rpx;

		view {
			display: flex;
			align-items: center;
			font-size: 32rpx;
			line-height: 44rpx;

			image {
				width: 36rpx;
				height: 36rpx;
				margin-right: 14rpx;
			}
		}
	}
}
// 关注/粉丝
.attention {

	.attention_scroll_view {
		height: calc(100vh - 40px);
		margin-top: 2rpx;

		.attention_scroll_view_item {
			display: flex;
			justify-content: space-between;
			align-items: center;
			padding: 24rpx;
			background-color: #ffffff;
			border-bottom: 2rpx solid #D8D8D8;

			.attention_scroll_view_item_left {
				display: flex;
				align-items: center;
				font-size: 36rpx;
				font-weight: 500;

				image {
					width: 80rpx;
					height: 80rpx;
					border-radius: 50%;
					margin-right: 20rpx;
				}
			}

			.attention_scroll_view_item_right {
				margin: 0;
				padding: 0;
				width: 166rpx;
				height: 52rpx;
				line-height: 52rpx;
				text-align: center;
				font-size: 28rpx;
				border-radius: 154rpx;
				background-color: transparent;

				&.followed {
					border: 2rpx solid #FF943C;
					color: #FF943C;
				}

				&.unFollowed {
					border: 2rpx solid #ADADAD;
					color: #ADADAD;
				}

				&::after {
					border: 0;
				}
			}
		}
	}
}

// 单行超出隐藏
 .overflow {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  
// 商品价格
.goods_price18{
	font-size: 36rpx;
	color: #FF3535;
	display: flex;
	align-items: center;
	
	text {
		font-size: 28rpx;
	}
}
.goods_price16{
	font-size: 32rpx;
	color: #FF3535;
	display: flex;
	align-items: center;
	
	text {
		font-size: 28rpx;
	}
}

.goods_price14 {
	color: #FF3535;
	font-size: 34rpx;
	padding-right: 12rpx;
	font-weight: 500;
	display: flex;
	align-items: center;

	text {
		font-size: 28rpx;
	}
}

.goods_price18 {
	color: #FF3535;
	font-size: 36rpx;
	padding-right: 12rpx;
	font-weight: 500;
	display: flex;
	align-items: center;

	text {
		font-size: 28rpx;
	}
}

.goods_price20 {
	color: #FF3535;
	font-size: 40rpx;
	font-weight: 500;
	display: flex;
	align-items: center;

	text {
		font-size: 28rpx;
	}
}


.submit_rder_info_address,
.submit_rder_info_goods,
.submit_rder_info_remark,
.submit_rder_info_amount,
.order_details_body_info,
.order_details_body_logistics,
.order_details_orderinfo,
.refund_schedule_info,
.refund_schedule_progress,
.refund_schedule_return,
.refund_schedule_refund,
.after_sale_type,
.refund_schedule_warning,
{
	background-color: #fff;
	border-radius: 12rpx;
	padding: 24rpx;
	margin-bottom: 24rpx;
}
// 地址卡片样式
.submit_rder_info_address {
	.submit_rder_info_address_title {
		display: flex;

		.submit_rder_info_address_title_left {
			width: 36rpx;
			height: 36rpx;
			margin-right: 20rpx;
			margin-top: 3rpx;
		}

		.submit_rder_info_address_title_right {
			display: flex;
			align-items: center;
			flex: 1;
			font-size: 36rpx;
			font-weight: 500;

			.submit_rder_info_address_title_right_left {
				flex: 1;
			}

			text {
				margin-right: 10rpx;

				&:last-child {
					margin-right: 0;
				}
			}

			.submit_rder_info_address_body {
				font-size: 28rpx;
				width: calc(100vw - 56rpx - 56rpx - 48rpx - 16px);
				padding-top: 24rpx;
			}
		}
	}
}

// 商品信息
.submit_rder_info_goods {

	.submit_rder_info_goods_title {
		padding-bottom: 24rpx;
		font-size: 36rpx;
		font-weight: 500;
		border-bottom: 1px solid #D8D8D8;
	}

	.submit_rder_info_goods_body {
		padding-top: 24rpx;
		display: flex;

		.submit_rder_info_goods_body_left {
			width: 190rpx;
			height: 190rpx;
			margin-right: 24rpx;
			border-radius: 12rpx;
		}

		.submit_rder_info_goods_body_right {
			flex-direction: column;
			flex: 1;
			justify-content: space-between;
			display: flex;

			.submit_rder_info_goods_body_right_top {

				.submit_rder_info_goods_body_right_top_1 {
					font-weight: 500;
					padding-bottom: 5rpx;
					font-size: 32rpx;
				}

				.submit_rder_info_goods_body_right_top_2 {
					display: flex;
					justify-content: space-between;
					align-items: center;
					margin-top: 12rpx;

					.submit_rder_info_goods_body_right_top_2_left {
						display: inline-block;
						background-color: #EDEDED;
						padding: 7rpx 14rpx;
						font-size: 28rpx;
						margin-right: 15rpx;
						word-wrap: break-word;
						word-break: break-all;
						// font-weight: bold;
					}
					.submit_rder_info_goods_body_right_top_2_right {
						font-size: 28rpx;
						font-weight: 500;
					}
				}
			}

			.submit_rder_info_goods_body_right_btm {
				display: flex;
				justify-content: space-between;
			}
		}
	}
}

// 商品金额
.submit_rder_info_amount {
	.submit_rder_info_amount_item {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding-bottom: 20rpx;

		&>text {
			font-size: 30rpx;
		}

		.submit_rder_info_amount_item_right {
			display: flex;
			align-items: center;
			font-size: 30rpx;
			font-weight: 500;

			.submit_rder_info_amount_postage {
				color: #FF943C;
			}
		}
	}

	.submit_rder_info_amount_btm {
		border-top: 1px solid #D8D8D8;
		padding-top: 26rpx;
		text-align: right;
		display: flex;
		align-items: center;
		justify-content: flex-end;
		color: #666666;
		font-size: 30rpx;
	}
}
// 底部按钮
.btm_btm {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #fff;
	box-shadow: 0 6rpx 16rpx 0 rgba(0, 0, 0, 0.24);

	.btm_btm_row {
		padding: 12rpx 24rpx;
		display: flex;
		justify-content: flex-end;

		button {
			margin: 0;
			padding: 0;
			height: 70rpx;
			line-height: 69rpx;
			width: 412rpx;
			background-color: #FF943C;
			border-radius: 776rpx;
			color: #fff;
			font-size: 32rpx;
			margin-right: 24rpx;
			&:last-child{
				margin-right: 0;
			}
			
			&[disabled]:not([type]) {
					opacity: 0.5;
			}
			
			&.default {
				border: 2rpx solid #DBDBDB;
				color: #999999;
				background-color: #fff;
			}
			
			&::after {
				border: 0;
			}
			
			&.row_btn {
				width: 100%;
			}
		}
	}
}

// 售后/退货物流样式
.return_logistics {
	height: calc(100vh - 24rpx);
	background-color: #fff;

	.custom_form_body_item {
		&.no_border {
			border-bottom: 0;
		}

		.custom_form_body_item_right {
			flex: 1;
			display: flex;
			align-items: center;
			justify-content: flex-end;
			
			image {
				width: 32rpx !important;
				height: 32rpx !important;
				margin-left: 14rpx;
			}
		}
	}

	.custom_form_btn {
		width: 456rpx;
		border-radius: 776rpx;
	}

	::v-deep .u-textarea {
		background-color: #F6F6F6 !important;
		font-size: 28rpx !important;
		border-radius: 20rpx !important;
		padding: 24rpx !important;
		// height: 194rpx !important;

		.u-textarea__count {
			color: #B8B8B8;
			font-size: 28rpx;
			// padding-bottom: 35rpx;
			background-color: #F6F6F6 !important;
		}
	}

	.custom_form_body_upload {
		margin-top: 24rpx;
		margin-bottom: -24rpx;
		margin-bottom: -24rpx;
		
		&>view{
			position: relative;
			width: 126rpx;
			height: 126rpx;
			display: inline-block;
			margin-right: 24rpx;
			
			text{
				position: absolute;
				top: 5rpx;
				right: 2rpx;
				padding: 4rpx 10rpx;
				font-size: 30rpx;
				background-color: rgba(0,0,0,0.4);
				color: #fff;
				border-radius: 50%;
			}
		
			image {
				width: 126rpx;
				height: 126rpx;
				margin-bottom: 24rpx;
				border-radius: 12rpx;
			}
		}
	}
}

// 步骤条样式

.set-2:last-child::after {
	display: none;
}

.set2-test {
	font-size: 26rpx;
	color: #78849e;
}

.set-1 {
	margin: 30upx 30upx 0 30upx;
}

.set-2 {
	// height: 340rpx;
	border-radius: 26upx;
	// width: 600upx;
	margin-left: 26upx;
	padding-bottom: 74rpx;
	position: relative;

	&:last-child {
		margin-bottom: 0;
	}

	.set-view {
		.steps_title {
			font-size: 34rpx !important;
			color: #333333 !important;
			display: flex;
			align-items: center;
			justify-content: space-between;

			button {
				margin: 0;
				padding: 0;
				background-color: #fff;
				color: #FF943C;
				font-size: 28rpx;
				height: 30rpx;
				line-height: 30rpx;

				&::after {
					border: 0;
				}
			}
		}

		.steps_info,
		.steps_time {
			color: #8F8F8F;
			font-size: 26rpx;
		}

		.steps_info {
			padding: 12rpx 0;
			color: #333333;
		}
	}
}


.set-2::after {
	content: '';
	/* 必须存在如果没有图标就留空 */
	top: 10%;
	/* 定位 距离*/
	border-style: dotted;
	border-left: 1px;
	/* 横线颜色 */
	border-color: #78849e;
	border-width: 7rpx;
	left: -37rpx;
	/* 定位 距离*/
	height: 100%;
	bottom: 0;
	/* 高度 */
	position: absolute;
	/* 定位 */
}

.set-2.activate::before {
	background-color: #FFBF8A;

	// &:before {
	// 	width: 22rpx;
	// 	height: 22rpx;
	// 	border-radius: 50%;
	// 	background-color: #FF943C;
	// }
}

.set-2::before {
	content: "";
	/* 必须存在如果没有图标就留空 */
	// background: url(../../static/logo.png) no-repeat;
	// background-size: 66rpx 66rpx;
	// width: 66rpx;
	// height: 66rpx;

	width: 38rpx;
	height: 38rpx;
	border-radius: 50%;
	background-color: #8F8F8F;

	position: absolute;
	/* 定位 */
	left: -52upx;
	/* 移动到左边 */
	font-weight: bold;
	/* 图标样式在复制的图标文件中复制相对应的图标样式必须存在 */
	font-family: "iconfont" !important;
	/* 图标样式在复制的图标文件中复制相对应的图标样式必须存在 */
	font-size: 54upx;
	/* 图标大小 */
	font-style: normal;
	/* 图标样式在复制的图标文件中复制相对应的图标样式必须存在 */
	-webkit-font-smoothing: antialiased;
	/* 图标样式在复制的图标文件中复制相对应的图标样式必须存在 */
	-moz-osx-font-smoothing: grayscale;
	/* 图标样式在复制的图标文件中复制相对应的图标样式必须存在 */
}

// input placeholder样式
::v-deep .placeholderClass{
	font-size:28rpx !important;
	color:#666666 !important;
}